<!DOCTYPE html>
<html>
<head>
  <title>XML Editor</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/ace/1.16.0/ace.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/ace/1.16.0/ext-language_tools.min.js"></script>
  <style>
    #editor {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
  </style>
</head>
<body>
<div id="editor"></div>
<script>
  let editor = ace.edit("editor");
  editor.session.setMode("ace/mode/xml");
  editor.setTheme("ace/theme/chrome");
  editor.setOptions({
    enableBasicAutocompletion: true,
    enableSnippets: true,
    enableLiveAutocompletion: true
  });

</script>
</body>
</html>

